﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Agenda.Master" AutoEventWireup="true"
    ValidateRequest="false" CodeBehind="Agenda.aspx.cs" Inherits=" RzCorportativo.Views.Cadastros.Agenda" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="LeftContent" runat="server">
    <div class="controls">
        <div class="container-fluid">
            <div class="row-fluid">
                <div class="control-group">
                    <input type="button" name="novo" value="novo" class="btn btn-inverse" onclick="window.location='<%= EFramework.Web.UrlBase.UrlPadrao%>Views/Cadastros/Agendamento.aspx'" />
                    <asp:Button Text="buscar" ID="buscar" runat="server" CssClass="btn" />
                </div>
            </div>
            <div class="row-fluid">
                <div class="span5">
                    <span>Paciente</span>
                    <div class="control-group">
                        <asp:TextBox runat="server" ID="Paciente" />
                        <span>Especialidade</span>
                        <asp:DropDownList runat="server" ID="EspecialidadeId" Width="250">
                        </asp:DropDownList>
                        <span>Médico</span>
                        <asp:DropDownList runat="server" ID="MedicoId" Width="250">
                        </asp:DropDownList>
                    </div>
                </div>
            </div>
            <div>
                <div calendar="true" ondataselect="SetDate(date);">
                </div>
            </div>
            <input type="hidden" name="data" value="<%=DateTime.Now.ToString("dd/MM/yyyy")%>"
                id="data" />
        </div>
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">
    <%=EFramework.Web.Html.HtmlTags.CreateJavaScritpTag("Agenda.js", true)%>
    <%--<script src="../../Recursos/j/libraries/jquery-1.4.1.js" type="text/javascript"></script>--%>
    <script src="<%=this.ResolveUrl("~/Recursos/j/libraries/jBlockUI.js")%>" type="text/javascript"></script>
    <%--<script src="../../Recursos/j/libraries/jBlockUI.js" type="text/javascript"></script>--%>
    
    <style type="text/css">
        .AmPm
        {
            font-size: 10px;
            font-weight: normal;
            line-height: 10px;
            text-transform: lowercase;
            position: relative;
            top: -4px;
            padding: 0 1px;
        }
    </style>
    <div style="background-color: #fafafa; padding: 8px">
        <div id="navbarExample" class="navbar navbar-static" style="margin-bottom: 0px">
            <div class="navbar-inner">
                <div class="container" style="width: auto;">
                    <a class="brand" href="#">Agenda</a>
                    <ul class="nav">
                        <li class="active"><a href="#fat">
                            <%--@fat--%></a></li>
                        <li class=""><a href="#mdo">
                            <%--@mdo--%></a></li>
                        <%--<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown
                            <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li class=""><a href="#one">one</a></li>
                                <li class=""><a href="#two">two</a></li>
                                <li class="divider"></li>
                                <li class=""><a href="#three">three</a></li>
                            </ul>
                        </li>--%>
                    </ul>
                </div>
            </div>
        </div>
        <div data-spy="scroll" data-target="" data-offset="0" class="scrollspy-example">
            <div style="overflow: auto; height: 500px; background-color: White">
                <div class="tabbable tabs-left">
                    <ul class="nav nav-tabs" id="tabMenu">
                        <li class="active"><a href="#painel" hora="*">Todos</a></li>
                        <li><a href="#painel8" hora="08:00">8<span class="AmPm">am</span></a></li>
                        <li><a href="#painel9" hora="09:00">9<span class="AmPm">am</span></a></li>
                        <li><a href="#painel10" hora="10:00">10<span class="AmPm">am</span></a></li>
                        <li><a href="#painel11" hora="11:00">11<span class="AmPm">am</span></a></li>
                        <li><a href="#painel12" hora="12:00">12<span class="AmPm">pm</span></a></li>
                        <li><a href="#painel13" hora="13:00">13<span class="AmPm">pm</span></a></li>
                        <li><a href="#painel14" hora="14:00">14<span class="AmPm">pm</span></a></li>
                        <li><a href="#painel15" hora="15:00">15<span class="AmPm">pm</span></a></li>
                        <li><a href="#painel16" hora="16:00">16<span class="AmPm">pm</span></a></li>
                        <li><a href="#painel17" hora="17:00">17<span class="AmPm">pm</span></a></li>
                        <li><a href="#painel18" hora="18:00">18<span class="AmPm">pm</span></a></li>
                        <li><a href="#painel19" hora="19:00">19<span class="AmPm">pm</span></a></li>
                        <li><a href="#painel20" hora="20:00">20<span class="AmPm">pm</span></a></li>
                        <li><a href="#painel21" hora="21:00">21<span class="AmPm">pm</span></a></li>
                        <li><a href="#painel22" hora="22:00">22<span class="AmPm">pm</span></a></li>
                        <li><a href="#painel23" hora="23:00">23<span class="AmPm">pm</span></a></li>
                        <li><a href="#painel23" hora="00:00">00<span class="AmPm">am</span></a></li>
                        <li><a href="#painel2" hora="01:00">1<span class="AmPm">am</span></a></li>
                        <li><a href="#painel3" hora="02:00">2<span class="AmPm">am</span></a></li>
                        <li><a href="#painel3" hora="03:00">3<span class="AmPm">am</span></a></li>
                        <li><a href="#painel4" hora="04:00">4<span class="AmPm">am</span></a></li>
                        <li><a href="#painel5" hora="05:00">5<span class="AmPm">am</span></a></li>
                        <li><a href="#painel6" hora="06:00">6<span class="AmPm">am</span></a></li>
                        <li><a href="#painel7" hora="07:00">7<span class="AmPm">am</span></a></li>
                    </ul>
                    <div id="panelContainer" class="tab-content">
                        <div class="tab-pane active" id="painel">
                            <table class="table table-hover table-striped">
                                <thead>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                        <div class="tab-pane" id="painel1">
                        </div>
                        <div class="tab-pane" id="painel2">
                        </div>
                        <div class="tab-pane" id="painel3">
                        </div>
                        <div class="tab-pane" id="painel4">
                        </div>
                        <div class="tab-pane" id="painel5">
                        </div>
                        <div class="tab-pane" id="painel6">
                        </div>
                        <div class="tab-pane" id="painel7">
                        </div>
                        <div class="tab-pane" id="painel8">
                        </div>
                        <div class="tab-pane" id="painel9">
                        </div>
                        <div class="tab-pane" id="painel10">
                        </div>
                        <div class="tab-pane" id="painel11">
                        </div>
                        <div class="tab-pane" id="painel12">
                        </div>
                        <div class="tab-pane" id="painel13">
                        </div>
                        <div class="tab-pane" id="painel14">
                        </div>
                        <div class="tab-pane" id="painel15">
                        </div>
                        <div class="tab-pane" id="painel16">
                        </div>
                        <div class="tab-pane" id="painel17">
                        </div>
                        <div class="tab-pane" id="painel18">
                        </div>
                        <div class="tab-pane" id="painel19">
                        </div>
                        <div class="tab-pane" id="painel20">
                        </div>
                        <div class="tab-pane" id="painel21">
                        </div>
                        <div class="tab-pane" id="painel22">
                        </div>
                        <div class="tab-pane" id="painel23">
                        </div>
                        <div class="tab-pane" id="painel00">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div id="__aprovar" style="display: none" title="Confirmação de consulta">
        <div alert-name='AgendaAlertaModal'>
        </div>
        <table border="0" cellpadding="1" cellspacing="1">
            <tr>
                <td>
                    Data:
                </td>
                <td>
                    <input type="text" name="dataInicio" id="dataInicio" value="" mask="calendar" disabled="disabled" />
                </td>
            </tr>
            <tr>
                <td>
                    Hora Inicio:
                </td>
                <td>
                    <input type="text" name="horaInicio" id="horaInicio" value="" clock="true" disabled="disabled" />
                </td>
            </tr>
            <tr>
                <td>
                    Hora Fim:
                </td>
                <td>
                    <input type="text" name="horaFim" id="horaFim" value="" clock="true" disabled="disabled" />
                </td>
            </tr>
        </table>
        <input type="hidden" name="AgendamentoId" id="AgendamentoId" />
    </div>
</asp:Content>